<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt"  uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link href="${pageContext.request.contextPath }/h-ui/css/H-ui.min.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath }/h-ui/css/H-ui.admin.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath }/h-ui/lib/icheck/icheck.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath }/h-ui/lib/Hui-iconfont/1.0.6/iconfont.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath }/h-ui/lib/webuploader/0.1.5/webuploader.css" rel="stylesheet" type="text/css" />
<title>添加用户</title>
</head>
<body onload="uploadSingleImg('${pageContext.request.contextPath }/upload/upload')">
<div class="pd-20">
  <form action="" method="post" class="form form-horizontals" id="add_HomeMessage_Form">
  	<input type="hidden" id="sfId" name="sfId" value="${dSingleImage.sfId }">
    <div class="row cl">
      <label class="form-label col-2"><span class="c-red">*</span>图片名称：</label>
      <div class="formControls col-5">
        <input type="text" class="input-text" value="${dSingleImage.sfName}"  placeholder="图片名称" id="sfName" name="sfName" datatype="*" nullmsg="图片名称不能为空">
      </div>
      <div class="col-4"> </div>
    </div>
    <div class="row cl">
      <label class="form-label col-2"><span class="c-red"></span>单图展示：</label>
      <div class="formControls col-10">
      	<img id="returnImgShow" alt="" src="${pageContext.request.contextPath }/upload/${dSingleImage.sfUrl}">
      </div>
    </div>
    <div class="row cl">
      <label class="form-label col-2"><span class="c-red">*</span>上传图片：</label>
      <input type="hidden" id="returnImg" name="sfUrl" value="${dSingleImage.sfUrl}">
      <div class="formControls col-10">  
	      <div class="uploader-thum-container">    
		      <div id="fileList" class="uploader-list"></div>
		      <div id="filePicker">选择图片</div>
	      </div>
      </div>
    </div>     
    <div class="row cl">
      <div class="col-9 col-offset-2">
        <a class="btn btn-primary radius"  onclick="operationdataValidate('../homeImage/editHomeImage','.form-horizontals')">&nbsp;&nbsp;提交&nbsp;&nbsp;</a>
      </div>
    </div>
  </form>
</div>
</div>
<script type="text/javascript" src="${pageContext.request.contextPath }/h-ui/lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="${pageContext.request.contextPath }/h-ui/lib/icheck/jquery.icheck.min.js"></script> 
<script type="text/javascript" src="${pageContext.request.contextPath }/h-ui/lib/Validform/5.3.2/Validform.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/h-ui/lib/layer/2.1/layer.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/h-ui/js/H-ui.js"></script> 
<script type="text/javascript" src="${pageContext.request.contextPath }/h-ui/js/H-ui.admin.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/h-ui/lib/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/h-ui/lib/webuploader/0.1.5/webuploader.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/h-ui/uploadSingleImg.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/h-ui/jqthumb/jqthumb.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/h-ui/tableBtnGroup.js"></script>
<script type="text/javascript">
	$(function(){
		//初始化图片显示
		$('img').jqthumb({
		    width: 150,
		    height: 150
		});
	});
	function operationdataValidate(dataUrl,formId){
		var returnImg=$('#returnImg').val();
		if(returnImg==''){
			alert("请上传图片");
			return false;
		}else{
			operationdata(dataUrl,formId);
		}
	}
</script>
</body>
</html>